<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>账户列表</title>
  <link rel="stylesheet" href="../static/framework/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="../static/framework/reset.css">
  <link rel="stylesheet" href="../static/css/accountList.css">
  <link rel="stylesheet" href="../static/css/footer.css">
</head>

<body>
  <div class="wrapper">
    <!-- 标题区 -->
    <header>
      <i class="fa fa-angle-left fa-2x" onclick="location.href='/myInformation'"></i>
      <p>账户列表</p>
      <p onclick="location.href='/accountListForSelect'">新增</p>
    </header>
    <!-- 账户列表部分 -->
    <ul class="accountList">
      <li>
        <div class="account">
          <h3>623***803</h3>
          <p>人民币可用余额：<i class="fa fa-jpy"></i>1000</p>
          <div class="operate">
            <span class="obtn" onclick="location.href='/transrecord'">
              <i class="fa fa-search"></i>交易记录
            </span>
            <span class="obtn" onclick="location.href='/transferManage'">
              <i class="fa fa-exchange"></i>对外转帐
            </span>
            <span>
              <i class="fa fa-database"></i>快e宝
            </span>
          </div>
        </div>
      </li>
      <li>
        <div class="account">
          <h3>623***803</h3>
          <p>人民币可用余额：<i class="fa fa-jpy"></i>1000</p>
          <div class="operate">
            <span class="obtn">
              <i class="fa fa-search"></i>交易记录
            </span>
            <span class="obtn">
              <i class="fa fa-exchange"></i>对外转帐
            </span>
            <span>
              <i class="fa fa-database"></i>快e宝
            </span>
          </div>
        </div>
      </li>


    </ul>

    <footer class="footer">
      <div>
        <button type="button" class="layui-btn">
          <i class="layui-icon layui-icon-left"></i>
        </button>
        <button type="button" class="layui-btn">
          <i class="layui-icon layui-icon-right"></i>
        </button>
      </div>
    </footer>
  </div>
  <script>
    const back = document.querySelector('button:first-child')
    const forword = back.nextElementSibling
    back.addEventListener('click', function () {
      //history.back()
      history.go(-1)
    })

    forword.addEventListener('click', function () {
      //history.forward()
      history.go(1)
    })
  </script>
</body>

</html>